import React from 'react';
import style from './CssModules.module.css'
import NavHome from '../NavHome/NavHome';
export default function CssModules(){
    return(
        <div>
            <h2 className={style.title}>修改webpack.config.js，如下</h2>
            <div className={style.imgMin}>
                <img src={require('../../static/images/w1.png')}/>
                <img src={require('../../static/images/w2.png')}/>
            </div>   
            <p className={style.text}>创建CSS的格式：xxx.module.css；<br/><br/>创建scss格式:xxx.module.scss</p>
            <p className={style.text}>通过 import style from './CssModules.module.css' 引入</p>
            <p className={style.text}>{`页面中使用 className={style.xxx}`}</p>
            <NavHome/>
        </div>
    )
}